// 设置基地址
axios.defaults.baseURL = 'http://ajax-api.itheima.net'

const list = document.querySelector('.top');

axios({
  url: '/api/category/top',
  method:'GET'
}).then(({ data: res }) => {
  const { data} = res
   const newArr = data.map((item) => {
    return axios({
      url: '/api/category/sub?id=' + item.id,
      method:'GET'
    })
   })
  // console.log(newArr);
   return Promise.all(newArr)
}).then((res) => {
  list.innerHTML =  res.map(({data : item}) => {
    console.log(item);
    return `
    <li>
          <a href="javascript:;">${item.data.name}</a>
          <img
            src="${item.data.picture}"
            alt=""
          />
          <ul class="sub">
            ${item.data.children.map((item) => { 
              return `
              <li>
              <a href="javascript:;">
                <span>${item.name}</span>
                <img
                  src="${item.picture}"
                  alt=""
                />
              </a>
            </li>
              `
            }).join('')}
          </ul>
        </li>
    `
   }).join('')
 })
